<template>
  <div class="banner">
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item v-for="(item,index) in bannerList" :key="index">
        <img :src="item.img_url" lazy-load alt="">
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
export default {
  name: "BannerView",
  props:{
    bannerList:{
      type:Array,
      default(){
        return []
      }
    }
  },
  data(){
    return{
      img:'src/assets/image/apple-1.jpg'
    }
  }
}
</script>

<style lang="css" scoped>
    .banner{
      width: 100%;
      /*height: 200px;*/
      /*background-color: #000000;*/
      margin-top: 45px;
    }
    img{
      height: 100%;
      width: 100%;
    }
</style>